@import url(../css/base.css);
.nav2{
    .Daul{
        .xlcd1{
            position: absolute;
            top: 150px;
            left: 230px;
        }
        a{
            text-decoration: none;
            color: #cc9656;
        }
    }
}

.cont{
    position: relative;
    .righ{
        width: 88px;
        background-color: white;
        position: fixed;
        right: 0;
        top: 80px;
        font-size: 12px;
        .righs{
            border-bottom: 1px solid #c6c6c6;
            padding-bottom: 10px;
            text-align: center;
        }
        .righz{
            text-align: center;
            padding: 10px 0px;
            border-bottom: 1px solid #c6c6c6;
        }
        .righx{
            text-align: center;
            padding: 15px 0px;
            display: none;
        }
    }
    .content1{
        width: 1000px;
        height: 700px;
        margin: 0 auto;
        .ct1left{
            width: 420px;
            position: relative;
            float: left;
            z-index: 1;
            .middleImg{
                width: 400px;
                height: 400px;
                position: relative;
                img{
                    width: 400px;
                    height: 400px;
                }
                .middleArea{
                    width: 200px;
                    height: 200px;
                    background: rgba(100, 222, 200, 0.5);
                    position: absolute;
                    left: 0;
                    top: 0;
                    display: none;
                }
            }
            .bigArea{
                position: absolute;
                left: 420px;
                top: 0;
                overflow: hidden;
                width: 400px;
                height: 400px;
                border: 1px solid #ccc;
                display: none;
                img{

                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 800px;
                    height: 800px;
                }
            }
            .small{
                li{
                    display: inline-block;
                    img{
                        
                        width: 80px;
                        height: 80px;
                    }
                }
                
            }
        }
        .ct1right{
            width: 550px;
            float: right;
            .cr1{
                height: 74px;
                line-height: 25px;
                p{
                    &:first-child{
                        font-size: 20px;
                    }
                    &:last-child{
                        font-size: 12px;
                        color: #c7c7c7;
                    }
                }
                span{
                    display: inline-block;
                    // float: right;
                    
                }
                .sp{
                    color: #b99275;
                }
            }
            .cr2{
                background-color: #f4f3ef;
                width: 550px;
                height: 210px;
                span{
                    margin-left: 20px;
                }
                p{
                    padding-top: 10px;
                }
                .ps{
                    width: 540px;
                    height: 70px;
                    border-bottom: 1px dotted #c7c7c7;
                }
                .demoTable{
                    .cityContainer{
                        margin-top: -100px;
                    }
                }
            }
            .cr3{
                padding-top: 15px;
                .gg{
                    p{
                        text-align: center;
                        width: 200px;
                        height: 30px;
                        line-height: 30px;
                        border: 1px solid #c7c7c7;
                        margin: 10px;
                        margin-left: 40px;
                    }
                }
                .sl{
                    display: flex;
                    text-align: center;
                    margin-left: 50px;
                    p{
                        width: 30px;
                        height: 30px;
                        
                        border: 1px solid #c7c7c7;
                    }
                    input{
                        text-align: center;
                        width: 60px;
                        height: 30px;
                        background:none;  
	                    outline:none;  
	                    border:1px solid #ccc;
                    }
                }
            }
            .cr4{
                button{
                    width: 200px;
                    height: 60px;
                    background-color: #f4f3ef;
                    margin-right: 10px;
                    margin-left: 50px;
                    margin-top: 30px;
                    &:last-child{
                        background-color: #b3a078;
                    }
                }
            }
        }
    }
    .content2{
        height: 600px;
        
        .ct2tab{
            width: 1000px;
            height: 60px;
            background-color: #f5f5f5;
            margin: 0 auto;
            line-height: 60px;
            .ct2current{
                border-top: 5px solid #b3a078;
            }
            p{
                text-align: center;
                display: inline-block;
                width: 100px;
                height: 58px;
                border: 1px solid #c7c7c7;
                border-bottom: none;
            }
        }
        .ct2block1{
            width: 960px;
            height: 540px;
            margin: 0 auto;
            display: none;
            padding: 0px 20px;
            border: 1px solid #c7c7c7;
            .T1{
                border-bottom: 1px dotted #b3a078;
                padding-bottom: 10px;
                margin-top: 10px;
                padding-left: 40px;
                p{
                   display: inline-block; 
                   margin-right: 50px;
                }
                span{
                    display: inline-block;
                    margin-left: 50px;
                    color: #cbd1cd;
                }
            }
        }
        .ct2block2{
            width: 960px;
            height: 540px;
            margin: 0 auto;
            border: 1px solid #c7c7c7;
            padding: 0px 20px;
            display: none;
            .T2s{
                height: 120px;
                border-bottom: 1px dotted #c7c7c7;
                .T2sl{
                    width: 100px;
                    height: 100px;
                    text-align: center;
                    line-height: 40px;
                    border-right: 1px solid #c7c7c7;
                    float: left;
                    span{
                        color: #d46d4e;
                        font-size: 30px;
                    }
                }
                .T2sr{
                    height: 100px;
                    line-height: 40px;
                    .T2span{
                        
                        background-color: #b69e7a;
                        width: 120px;
                        height: 30px;
                        
                    }
                    span{
                        border-radius: 50px;
                        text-align: center;
                        line-height: 30px;
                        width: 120px;
                        height: 30px;
                        display: inline-block;
                        background-color: #f6f8f3;
                    }
                }
                
            }
            .T2z{
                height: 60px;
                border-bottom: 1px dotted #c7c7c7;
                line-height: 60px;
                p{
                    display: inline-block;
                }
            }
            .T2x{
                .T2xl{
                    width: 60px;
                    height: 60px;
                    display: flex;
                    flex-direction: column;
                    img{
                        margin-top: 20px;
                    }
                }
                .T2xr{
                    span{
                        color: #c7c7c7;
                        font-size: 12px;
                    }
                    margin-left: 120px;
                    line-height: 20px;
                }
            }
        }
        .ct2block3{
            width: 960px;
            height: 540px;
            margin: 0 auto;
            border: 1px solid #ccc;
            padding: 0px 20px;
            display: none;
            .T3{
                p{
                    margin-top: 30px;
                    margin-bottom: 10px;
                }
                span{
                    color: #c7c7c7;
                    font-size: 14px;
                    line-height: 16px;
                }
            }
        }
        .tblock{
            display: block;
        }
    }
}